import React,{FC} from "react";
import { Tabs } from 'antd';
import { AppstoreOutlined, DatabaseOutlined, BarsOutlined} from '@ant-design/icons';
import type { TabsProps } from 'antd';
import Lib from "./ComponentLib";

const items: TabsProps['items'] = [
    {
        key: '1',
        label: <><AppstoreOutlined />组件库</>,
        children: <Lib/>
    },
    {
        key: '2',
        label: <><BarsOutlined />图层</>,
        children: 'Content of Tab Pane 2',
    },
    {
        key: '3',
        label: <><DatabaseOutlined />图层</>,
        children: 'Content of Tab Pane 3',
    },
];
const LeftPanel:FC = () => {
    return  <Tabs defaultActiveKey="1" items={items} />
}
export default LeftPanel;